<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>设备信息</title>
  <meta name="keywords" content="">
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="description" content="">
  <link href="../css/bootstrap.min.css?v=3.3.6" rel="stylesheet">  
  <link href="../css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
  <link href="../css/animate.css" rel="stylesheet">
  <link href="../css/style.css?v=4.1.0" rel="stylesheet">
  <link rel="stylesheet" href="../css/labMgt/self.css">

  <script src="../js/jquery.min.js?v=2.1.4"></script>
  <script src="../js/bootstrap.min.js?v=3.3.6"></script>
  <script src="../js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
  <script src="../js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>

  <script src="../js/partDetail.js"></script>  
  <script src="../js/main.js"></script>  

</head>
<body class="gray-bg">
  <div class="wrapper wrapper-content animated fadeInRight worker-info">

    <div class="row row-btn-item">
      <div class="col-sm-12">
        <a class="btn btn-info" onclick="window.history.go(-1)">返回</a>
      </div>
    </div>

    <div  class="ibox-content collapse in add-edit-form detail-info" aria-expanded="true"> 

      <div class="col-sm-12">                
        <label class="detail-info-label">配件详情</label>
        <a class="btn btn-info pull-right" href="editPart.html">编辑</a>
      </div>       

      <table class="table">
        <tbody>
          <tr>
            <td class="table-td-title">配件编号：</td><td>PJ20160505001</td>
            <td class="table-td-title">配件名称：</td><td>离合器齿轮</td>
            <td class="table-td-title">配件型号：</td><td>TL1528</td>
            <td rowspan="4">图片</td>
          </tr>
          <tr>
            <td class="table-td-title">关联设备：</td><td>压力测试机</td>
            <td class="table-td-title">库存数量：</td><td>12</td>
            <td class="table-td-title">数量单位：</td><td></td>
          </tr>
          <tr>
            <td class="table-td-title">启用日期：</td><td>2016.02.01</td>
            <td class="table-td-title">使用存放地点：</td><td></td>
            <td class="table-td-title">保管人员：</td><td>张三</td>
          </tr>
          <tr>
            <td class="table-td-title">备注：</td><td colspan="3"></td>
          </tr>
        </tbody>
      </table>
    </div>

    <div class="row">
      <div class="col-sm-12">
        <ul class="nav nav-tabs">
          <li class="active" data-toggle="#table1-div" tab-index="1">
            <a>领用记录</a>
          </li>
          <li data-toggle="#table2-div" tab-index="2">
            <a>入库记录</a>
          </li>    
        </ul>
        <div id="accordion1" class="ibox float-e-margins">
          <div id="table1-div" class="ibox-content collapse in" aria-expanded="true">            
            <table id="table1" class="footable table table-stripped text-center"
              data-unique-id="id">
              <thead>
                <tr>
                  <th data-field="field1">时间</th>
                  <th data-field="field2">领用人</th>
                  <th data-field="field3">领用数量</th>
                  <th data-field="field4">领用事由</th>
                  <th data-field="field5">领用后库存</th>
                  <th data-field="field4">备注</th>
                </tr>
              </thead>
              <tbody>
              </tbody>
            </table>
          </div>

          <div id="table2-div" class="ibox-content collapse in" aria-expanded="true">      
            <table id="table2" class="footable table table-stripped text-center"
              data-unique-id="id">
              <thead>
                <tr>
                  <th data-field="field1">时间</th>
                  <th data-field="field2">入库人</th>
                  <th data-field="field3">入库数量</th>
                  <th data-field="field4">入库后库存</th>
                  <th data-field="field5">备注</th>
                </tr>
              </thead>
              <tbody>
              </tbody>
            </table>
          </div>

        </div>
      </div>
    </div>
  </div>
</body>
</html>